import { Meta, Story, Canvas, ArgsTable } from '@storybook/addon-docs';
import Breadcrumb from '../../ch/sections/Breadcrumb.vue';

<Meta
  title="Sections/Header/Breadcrumb"
  component={Breadcrumb}
/>

export const Template = (args, { argTypes }) => ({
  props: Object.keys(argTypes),
  components: { Breadcrumb },
  template: '<Breadcrumb />',
});

# Breadcrumb

## Example

<Canvas>
  <Story
    name="Example"
  >
    {Template.bind({})}
  </Story>
</Canvas>

<ArgsTable story="Example" />

<a href="?path=/story/sections-header-breadcrumb--example">Go to the Canvas Tab</a>

---

<a href="?id=sections-header-breadcrumb--example" target="_blank">Open page in full width in a new tab</a>
